<!--
  Generated template for the PersonalPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>
      <!-- <button class="back">
          <ion-icon name="ios-arrow-back"></ion-icon>
      </button> -->
      <p text-center>个人中心</p>
      <button class="setting" (click)="goModify()">
          <ion-icon name="ios-settings-outline"></ion-icon>
      </button>
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="top_back"></div>
  <div class="person_mes">
    <img src="{{listData.imageURL}}" alt="">
    <p>{{listData.nickname}}</p>
  </div>
  <ion-list class="first_list">
    <ion-item>
      <p class="puff_left item_title">签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</p>
      <div class="puff_right item_con_2">{{listData.remarks}}</div>
    </ion-item>
    <ion-item class="border_bottom_e8e8e8">
      <p class="puff_left item_title">我的技能</p>
      <div class="puff_right item_con">
        <span>写诗小能手</span>
        <span>治国安邦</span>
      </div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</p>
      <div class="puff_right item_con_2">{{listData.sex}}</div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄</p>
      <div class="puff_right item_con_2">{{listData.age}}</div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</p>
      <div class="puff_right item_con_2">{{listData.job}}</div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">家&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;乡</p>
      <div class="puff_right item_con_2">{{listData.hometown}}</div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">毕业学校</p>
      <div class="puff_right item_con_2">{{listData.school}}</div>
    </ion-item>
    <ion-item>
      <p class="puff_left item_title">就职公司</p>
      <div class="puff_right item_con_2">{{listData.company}}</div>
    </ion-item>
  </ion-list>
  <div padding-horizontal style="margin-top:-10px;padding-bottom:16px;">
    <button ion-button full (click)="quitLogin()">
      退出登录
    </button>
  </div>
</ion-content>
